<?php template('header');?>
	<div id="wrapper">
		<div class="content">
		   
			<div class="full">
			  
			  <div class="third">
				<div class="hover-box s1">
				  <?=anchor("/bbs/t/{$imgPost[0]['id']}",img($imgPost[0]['text'],$imgPost[0]['title']))?>
				  <div class="hover-bottom">
					<?=$imgPost[0]['title']?>
				  </div>
				</div>
			  </div>

			  <div class="third">
				<div class="full">
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[1]['id']}",img($imgPost[1]['text'],$imgPost[1]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[1]['title']?>
					</div>
				  </div>
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[2]['id']}",img($imgPost[2]['text'],$imgPost[2]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[2]['title']?>
					</div>
				  </div>
				</div>
				
				<div class="full">
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[3]['id']}",img($imgPost[3]['text'],$imgPost[3]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[3]['title']?>
					</div>
				  </div>
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[4]['id']}",img($imgPost[4]['text'],$imgPost[4]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[4]['title']?>
					</div>
				  </div>
				</div>
			  </div>

			  <div class="third">
				  <div class="full">
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[5]['id']}",img($imgPost[5]['text'],$imgPost[5]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[5]['title']?>
					</div>
				  </div>
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[6]['id']}",img($imgPost[6]['text'],$imgPost[6]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[6]['title']?>
					</div>
				  </div>
				</div>
				
				<div class="full">
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[7]['id']}",img($imgPost[7]['text'],$imgPost[7]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[7]['title']?>
					</div>
				  </div>
				  <div class="half hover-box s3">
					<?=anchor("/bbs/t/{$imgPost[8]['id']}",img($imgPost[8]['text'],$imgPost[8]['title']))?>
					<div class="hover-bottom">
					  <?=$imgPost[8]['title']?>
					</div>
				  </div>
				</div>
			  </div>
			</div>  <!-- end full1 -->

			<div class="full">
			
			<div class="fourth">
			  <div class="hover-box s2">
				<?=anchor("/bbs/t/{$imgPost[9]['id']}",img($imgPost[9]['text'],$imgPost[9]['title']))?>
				<div class="hover-bottom">
					  <?=$imgPost[9]['title']?>
				</div>
			  </div>
			</div>

			<div class="fourth">
			  <div class="hover-box s2">
				<?=anchor("/bbs/t/{$imgPost[10]['id']}",img($imgPost[10]['text'],$imgPost[10]['title']))?>
				<div class="hover-bottom">
					  <?=$imgPost[10]['title']?>
				</div>
			  </div>
			</div>

			<div class="fourth">
			  <div class="hover-box s2">
				<?=anchor("/bbs/t/{$imgPost[11]['id']}",img($imgPost[11]['text'],$imgPost[11]['title']))?>
				<div class="hover-bottom">
					  <?=$imgPost[11]['title']?>
				</div>
			  </div>
			</div>

			<div class="fourth">
			  <div class="hover-box s2">
				<?=anchor("/bbs/t/{$imgPost[12]['id']}",img($imgPost[12]['text'],$imgPost[12]['title']))?>
				<div class="hover-bottom">
					  <?=$imgPost[12]['title']?>
				</div>
			  </div>
			</div>


			</div>



			<div class="full">
				<div class="two-thirds">
					 <div class="index-box green clearfix">
						 <ul class="color-text">
						   <?php foreach ($indexPost as $key => $post):?>
						   <li><?=anchor("/bbs/t/{$post['post_id']}",$post['post_title'])?></li>
						   <?php endforeach;?>
						 </ul>
					</div>
				</div>  <!-- end two-thirds -->
				<div class="third">
					<aside class='aside-right'>
						<div class="side-box">
						  <b>热门标签</b>
						  <div class="hot-tags clearfix">
							<ul>
							  <li><a href="#">计算机</a></li>
							  <li><a href="#">编程</a></li>
							  <li><a href="#">博客</a></li>
							  <li><a href="#">云计算</a></li>
							  <li><a href="#">PHP</a></li>
							  <li><a href="#">LINUX</a></li>
							  <li><a href="#">秦时明月</a></li>
							  <li><a href="#">海贼王</a></li>
							  <li><a href="#">古剑奇谭</a></li>
							  <li><a href="#">酷工作</a></li>
							  <li><a href="#">快简历</a></li>
							  <li><a href="#">计算</a></li>
							  <li><a href="#">并行</a></li>
							  <li><a href="#">异步</a></li>
							  <li><a href="#">多线程</a></li>
							  <li><a href="#">回调</a></li>
							  <li><a href="#">即时通信</a></li>
							  <li><a href="#">消息推送</a></li>
							  <li><a href="#">朋友圈</a></li>
							  <li><a href="#">搜索引擎</a></li>
							</ul>
						  </div>
						</div>
						
					</aside>
				</div>
			</div>
		   
			<div class="index-box">

			</div>
			 
		</div>  <!-- end content -->

	</div>  <!-- end wrapper -->
	
<?php template('footer');?>